{% load static %}
<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8"/>
    <meta name="author" content="余浪人"/>
    <meta name="author_qq" content="1368419640"/>
    <link rel="stylesheet" href="{% static 'css/element-ui.css' %}">
    <link rel="stylesheet" href="{% static 'css/base.css' %}">
    <link rel="stylesheet" href="{% static 'css/index.css' %}">
    <script src="{% static 'js/vue.js' %}" type="text/javascript" charset="utf-8"></script>
    <script src="{% static 'admin/js/vendor/jquery/jquery.js' %}"></script>
    <script src="{% static 'js/element-ui.js' %}"></script>
    <script src="{% static 'js/lib.js' %}"></script>
    {% block head %}{% endblock %}
</head>
<body>
<div id="app">
    <title v-text="title"></title>
    <meta name="keywords" :content="keywords">
    <meta name="description" :content="description">
    <el-container>
        <el-header>
            <el-row :gutter="20">
                <el-col :span="4">
                    <div class="grid-content bg-purple">&nbsp;</div>
                </el-col>
                <el-col :span="16">
                    <div class="grid-content bg-purple header_1">
                        <div class="logo">
                            <el-image
                                    src=""
                                    fit="scale-down" alt="一站阅读"></el-image>
                        </div>
                        <div class="right">
                            <div class="search">
                                <el-input placeholder="请输入搜索..." v-model="search.key">
                                    <template slot="prepend">标题</template>
                                    <el-button icon="el-icon-search" slot="append" @click="handSearch"></el-button>
                                </el-input>
                            </div>
                            <div class="bookrack">
                                <el-link href="javascript:;" target="_blank" icon="el-icon-notebook-2" :underline="false">我的书架</el-link>
                            </div>
                            {#                            <div class="login_button">#}
                            {#                                <el-button type="info" @click="login = true" icon="el-icon-s-custom" circle></el-button>#}
                            {#                            </div>#}
                        </div>
                    </div>
                    <!-- 导航 -->
                    <div class="grid-content bg-purple">
                        <el-menu class="el-menu-head" mode="horizontal" @select="handleNavSelect" background-color="#fff" text-color="#606266"
                                 active-text-color="#ff3955">
                            <el-submenu index="1">
                                <template slot="title">全部分类</template>
                                <el-menu-item :index="nav.column_link ? nav.column_link:nav.uuid" v-for="nav in navList" v-text="nav.column_name"></el-menu-item>
                            </el-submenu>
                            <el-menu-item index="/">首页</el-menu-item>
                            <el-menu-item index="{% url 'web_system:rankingList' %}">排行榜</el-menu-item>
                            <el-menu-item index="{% url 'web_system:overList' %}">完本</el-menu-item>
                            <el-menu-item :index="nav.column_link ? nav.column_link:nav.uuid" v-for="nav in column_display" v-text="nav.column_name"></el-menu-item>
                            <el-menu-item index="8" style="float: right;">
                                {#                                <el-link class="recharge" @click="recharge" target="_blank" icon="el-icon-money" :underline="false">充值</el-link>#}
                            </el-menu-item>
                        </el-menu>
                    </div>
                    <!-- end -->
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">&nbsp;</div>
                </el-col>
            </el-row>
        </el-header>
        <!-- 主体 -->
        <el-main>
            {% block main %}

            {% endblock %}
        </el-main>
        <el-footer>
            <el-row>
                <el-col :span="4">
                    <div class="grid-content bg-purple">&nbsp;</div>
                </el-col>
                <el-col :span="16">
                    <div class="grid-content bg-purple">
                        <p>
                            <el-link href="javascript:;" :underline=" false">哈密小说网</el-link>
                            所有小说作品均来自网友上传或转载于其他网站，版权属于原创作者。如侵犯了您的权利，请与本站联系，本站将立刻删除。
                        </p>
                        <p>Copyright © 2016 哈密小说网(https://www.hmtxt.com) All Rights Reserved. 邮箱：hmtxt@hmtxt.com</p>
                    </div>
                </el-col>
                <el-col :span="4">
                    <div class="grid-content bg-purple">&nbsp;</div>
                </el-col>
            </el-row>
        </el-footer>
    </el-container>
    <!-- login -->
    {#    <el-drawer :title="login_or_reg.title" :visible.sync="login" direction="rtl" :before-close="handleClose">#}
    {#        <el-form ref="loginForm" :model="loginForm" :label-width="formLabelWidth" v-show="login_or_reg.status">#}
    {#            <el-form-item label="用户账号">#}
    {#                <el-input v-model="loginForm.username" placeholder="请输入账号..."></el-input>#}
    {#                没有账号？#}
    {#                <el-link :underline="false" @click="reg">注册</el-link>#}
    {#            </el-form-item>#}
    {#            <el-form-item label="用户密码">#}
    {#                <el-input v-model="loginForm.password" placeholder="请输入密码" show-password></el-input>#}
    {#            </el-form-item>#}
    {#            <el-form-item label="验证码">#}
    {#                <el-input v-model="loginForm.v_code" placeholder="请填写验证码"></el-input>#}
    {#                <el-button @click="get_v_code" v-show="code_img.button" style="width: unset;">获取验证码</el-button>#}
    {#                <el-image :src="code_img.url" fit="scale-down" v-show="code_img.img_show"></el-image>#}
    {#            </el-form-item>#}
    {#            <el-form-item>#}
    {#                <el-button type="primary" @click="onSubmit">立即登录</el-button>#}
    {#                <el-button>取消登录</el-button>#}
    {#            </el-form-item>#}
    {#        </el-form>#}
    {#        <!-- 注册 -->#}
    {#        <el-form ref="regForm" :model="regForm" :label-width="formLabelWidth" v-show="login_or_reg.status==false">#}
    {#            <el-form-item label="用户账号">#}
    {#                <el-input v-model="regForm.username" placeholder="请输入账号..."></el-input>#}
    {#                已有账号？去#}
    {#                <el-link :underline="false" @click="login_page">登录</el-link>#}
    {#            </el-form-item>#}
    {#            <el-form-item label="账号密码">#}
    {#                <el-input v-model="regForm.password" placeholder="请输入密码" show-password></el-input>#}
    {#            </el-form-item>#}
    {#            <el-form-item label="确认密码">#}
    {#                <el-input v-model="regForm.repassword" placeholder="请重复输入密码" show-password></el-input>#}
    {#            </el-form-item>#}
    {#            <el-form-item label="验证码">#}
    {#                <el-input v-model="regForm.v_code" placeholder="请填写验证码"></el-input>#}
    {#                <el-button @click="get_v_code" v-show="code_img.button" style="width: unset;">获取验证码</el-button>#}
    {#                <el-image :src="code_img.url" fit="scale-down" v-show="code_img.img_show"></el-image>#}
    {#            </el-form-item>#}
    {#            <el-form-item>#}
    {#                <el-button type="primary" @click="onSubmit">立即注册</el-button>#}
    {#                <el-button>放弃注册</el-button>#}
    {#            </el-form-item>#}
    {#        </el-form>#}
    {#    </el-drawer>#}
    {% block footer %}{% endblock %}
</div>
</body>
{% block script %}{% endblock %}
</html>
